.logo {
     display: block;
     height: 12rem;
     background: #FFFFFF url(bbtlogo.jpg) no-repeat 50% 50%;
     background-size: contain;
}


.lists {
     margin: .3rem 0 1rem;
     padding: .5rem;
     border: 1px solid #e0e0e0;
     background-color: #f8f8f8;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     list-style-position: inside;
     width:96%;
     align:center;
     margin:auto;
}


#logout_button {
     width: 60%;
     margin-bottom: 13px;
     font-size: 16px;
     text-align: center;
     background-color: #7a29a3;
}

.input-group{
     margin-left: 5%;
     margin-right: 5%;
     background-color: #987cb9;
}

table{
     width:100%;
     border:1px;
     align:center;
     cellpadding:10%;

}

.page_title{
     font-size: 20px;
     font-weight:bolder;
     margin-top: -1%;
}

#glyphicon{
     position:absolute;
     left:5%;
     font-size: 14px;
     font-weight:lighter;
     margin-left: 5%;
     background:transparent;
     border:none;
     line-height: 20px;
     margin-top: 1%;
     vertical-align: middle;

}

.ur_outstanding{
     text-align:center;
     vertical-align: middle;
     line-height: 20px;
}



a{
     font-size: 15px;
     font-weight: bold;
}

#position,.center-block{
     margin-top:5%;
}

td{
     margin-top:10%;
     text-align:left;
     font-size: 15px;
}

